<div th:fragment="header">
	<!--===========layout-header================-->
	<div class="layout-header am-hide-sm-only">
		<div th:include="common/header::topbar"></div>
		<div th:include="common/header::box"></div>
	</div>
</div>

<div th:fragment="topbar">
	<!--topbar start-->
	<div class="topbar">
		<div class="container">
			<div class="am-g">
				<div class="am-u-md-3">
					<div class="topbar-left">
						<i class="am-icon-car am-icon-md"></i>
						<a href="/front" class="am-btn am-btn-primary"> 顺风车</a>
					</div>
				</div>
				<div class="am-u-md-9">
					<div class="topbar-right am-text-right am-fr">
						<div sec:authorize="isAnonymous()">
							<a href="/login" th:href="@{/login}">登录</a>
							<a href="/register" th:href="@{/register}">注册</a>
						</div>
						<div sec:authorize="isAuthenticated()">
							<a href="/front/ticket" th:href="@{/front/order/ticket/1}">个人中心</a>
							<a href="/logout" th:href="@{/logout}">退出</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--topbar end-->
</div>

<div th:fragment="box">
	<div class="header-box" data-am-sticky="">
		<!--nav start-->
		<div class="nav-contain">
			<div class="nav-inner">
				<ul class="am-nav am-nav-pills am-nav-justify">
					<li class="">
						<a th:href="@{/front}">首页</a>
					</li>
					<li sec:authorize="${hasAnyAuthority(1)}">
						<a th:href="@{/front/chepiao}">车票预订</a>
					</li>
					<li sec:authorize="${hasAnyAuthority(2)}">
						<a th:href="@{/front/qiangdan}">抢单</a>
					</li>
					<li>
						<a th:href="@{/front/fabupinche}">发布信息</a>
					</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">联系我们</a>
					</li>
				</ul>
			</div>
		</div>
		<!--nav end-->
	</div>
</div>